@charset "utf-8";

a{color: #666;text-decoration:none;outline:0;}
.usn{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;}
.clearfix:after{clear: both;content:"";display: block;height: 0;visibility: hidden;}
.clearfix{zoom:1;}
.fl{float:left;}
.fr{float:right;}
.tal{text-align:left;}
.tac{text-align:center;}
.tar{text-align:right;}
.vat{vertical-align:top;}
.vam{vertical-align:middle;}
.vab{vertical-align:bottom;}
.dn{display:none;}
.dni{display:none !important;}
.db{display:block;}
.dib{display:inline-block;}
.vv{visibility:visible;}
.vh{visibility:hidden;}
.pr{position:relative;}
.pa{position:absolute;}
.pf{position:fixed;}
.fwn{font-weight:normal;}
.feb{font-weight:bold;}
.toe{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;word-break: break-all;word-wrap: break-word;}
.transition{-webkit-transition : all .3s ease;-moz-transition : all .3s ease;-ms-transition : all .3s ease;-o-transition : all .3s ease;transition: all .3s ease;}
.transition6{-webkit-transition : all .5s ease !important;-moz-transition : all .5s ease !important;-ms-transition : all .5s ease !important;-o-transition : all .5s ease !important;transition: all .5s ease !important;}
.br5{-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.br50{-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;}

.mui-content {
	max-width: 640px;
	margin:0 auto;
	background: #f5f5f5 !important;
}
.mui-content .SY-main > div {
	background: #fff;
	margin-bottom: .4rem;
}
.mui-content .SY-main .comment-content {
	margin-bottom: 0;
}
.mui-content .SY-main {
	padding-bottom: 2.4rem !important;
}
.comment-content .workerMsg {
	margin-bottom: .2rem;
	padding:5% 4% 0;
}
.comment-content .workerPic {
	margin-right: .5rem;
}
.comment-content .workerPic img {
	width: 2.5rem;
	height: 2.5rem;
	border:.1rem solid rgba(0,0,0,.3);
}
.comment-content .workerPic .mark {
	width: 18px;
	height: 17px;
	bottom: 5px;
	right: 0;
	background-image: url('http://img.yxs.shenyecg.com/Image/5LwLflwFQGlcs8fuUO80oijBqqTrj3uQ/7TzXawHAeK.png');
	background-repeat: no-repeat;
}
.comment-content .workerPic .mark.approveGold {
	background-position:-55px -8px;
}
.comment-content .workerPic .mark.approveBlue {
	background-position:-56px -44px;
}
.comment-content .workerDetail {
	width: 79%;
}
.comment-content .workerDetail p {
	margin-bottom: 0;
	margin-top: .2rem;
	font-size: .6rem;
	line-height: 1.5;
}
.comment-content .workerDetail .workerName {
	font-size: .7rem;
	margin-right: .2rem;
	color: #000;
}
.comment-content .workerDetail .career {
	display: inline-block;
	font-size: .4rem;
	color: #393939;
	padding:0 .2rem;
	border:1px solid #11bfff;
}
.comment-content .workerDetail .description {
	color: #383838;
}
.comment-content > .infos {
	padding:0 4.5%;
	padding-bottom: .2rem;
}
.comment-content > .infos p,
.comment-content > .infos .agree {
	margin: 0;
	line-height: 1.5;
	font-size: .5rem;
	color: #b6b6b6;
}
.comment-content > .infos .agree i {
	margin-right: .1rem;
}
.comment-content > .infos .agree.active i {
	color:#e55c5c;
}
.comment-content > .infos .fa-heart-o {
	margin-right: .1rem;
}
.comment-content .commentList {
	border-top: 1px solid #f5f5f5;
	padding:4% 4% 6%;
}
.comment-content .commentList .tips {
	font-size: .6rem;
	color: #393939;
	line-height: 1.5;
	margin-top: 0;
	margin-bottom: .4rem;
}
.comment-content .commentList .item .userPic {
	width: 1.6rem;
	height: 1.6rem;
	margin-right: .4rem;
}
.comment-content .commentList .item > .userPic img {
	width: 100%;
	height: 100%;
}
.comment-content .commentList .item .userPic .mark {
	bottom: 0;
	right: -2px;
	width: 16px;
	height: 17px;
	background-image: url('http://img.yxs.shenyecg.com/Image/5LwLflwFQGlcs8fuUO80oijBqqTrj3uQ/7TzXawHAeK.png');
	background-repeat: no-repeat;
}
.comment-content .commentList .item .userPic .mark.approveGold {
	background-position: -79px -8px;
}
.comment-content .commentList .item .userPic .mark.approveBlue {
	background-position: -79px -44px;
}
.comment-content .commentList .item p {
	margin: 0;
	line-height: 1.5;
}
.comment-content .commentList .item .commentMsg {
	width: 75%;
}
.comment-content .commentList .item .userName {
	font-size: .6rem;
	margin:.1rem 0 .3rem 0;
	color: #000;
}
.comment-content .commentList .item .text {
	font-size: .65rem;
	color: #383838;
}
.comment-content .commentList .item .infos {
	font-size: .4rem;
	line-height: 1.5;
	color: #b6b6b6;
}
.comment-content .commentList .item .floor {
	margin-right: .2rem;
}
.comment-content .commentList .item .like {
	font-size: .5rem;
	color: #b6b6b6;
}
.comment-content .commentList .item .like.active i {
	color: #383838;
}
.comment-content .commentList .item .like .num {
	margin-right: .2rem;
}
.comment-content .commentList .emptyInfo,
.comment-content .loading {
	padding:.8rem 0;
}
.comment-content .commentList .emptyInfo .icon {
	width:2.5rem;
	height:2.5rem;
	margin:0 auto .1rem;
	background: url("../../img/m/icons/info.png") no-repeat center;
	background-size: 100%;
}
.comment-content .commentList .emptyInfo p {
	margin-bottom: 0;
	font-size: .6rem;
	color: #b6b6b6;
}
.comment-content .loading {
	font-size: .5rem;
	color: #b6b6b6;
}
.comment-content .commentList .item .replyList {
	margin-top: .2rem;
}
.comment-content .commentList .replyList .userPic {
	width: 1.4rem;
	height: 1.4rem;
}
.comment-content .commentList .replyList .userPic img {
	width: 100%;
	height: 100%;
}
.comment-content .commentList .replyList .title {
	font-size: .4rem;
	color: #b6b6b6;
}
.comment-content .commentList .replyList .title .userNum1 {
	font-size: .6rem;
	color: #393939;
	margin-right: .2rem;
}
.comment-content .commentList .replyList .title .userNum2 {
	font-size: .6rem;
	color: #393939;
	margin-left: .2rem;
}
.comment-content .commentList .replyList .replyMsg {
	width: 83%;
}
.mui-content .folderIcon {
	right: 3%;
	bottom: 2.4rem;
	box-shadow: 0 0 0.3rem rgba(0,0,0,.4);
	z-index: 101;
}
.mui-content .folderIcon a {
	width: 1.2rem;
	height: 1.2rem;
	background: url("../../img/m/icons/group.png") no-repeat center;
	background-size: 100%;
}
.mui-content .bottomTips {
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2rem;
	background: #fff;
	-moz-box-shadow:.2rem 0 .2rem rgba(0,0,0,.2);
	-webkit-box-shadow:.2rem 0 .2rem rgba(0,0,0,.2);
	box-shadow:.2rem 0 .2rem rgba(0,0,0,.2);
	z-index: 100;
}
.mui-content .bottomTips .predict {
	margin-right: 1rem;
    margin-top:.4rem;
}
.mui-content .bottomTips .mui-btn {
	padding: .2rem .6rem;
    font-size: .5rem;
    color: #fff;
    border: 1px solid #089def;
    background: #089def;
    border-radius: .2rem;
}
.mui-content .bottomTips .pic {
	margin-left: .8rem;
	margin-top: .2rem;
}
.mui-content .bottomTips .pic img {
	width: 1.6rem;
	height: 1rem;
	vertical-align: top;
	margin-top: .3rem;
}
.mui-content .bottomTips .pic span {
	display: inline-block;
	font-size: .6rem;
	color: #00a4e9;
	margin-top: .4rem;
}
